*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body {
    min-height: 100%;
} 
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
main,
nav,
section,
summary {
    display: block;
}
body,
html,
div,
blockquote,
img,
label,
p,
h1,h2,h3,h4,h5,h6,
pre,
ul,ol,li,
dl,dt,dd,
form,
a,
fieldset,
input,
th,
td{
    margin:0;
    padding:0;
    border:0;
    outline:none;
    word-break: break-all;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
select,textarea{
    outline:none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
table {
    border-collapse:collapse;
    border-spacing:0}
fieldset,img {
    border:0}
ol,ul {
    list-style:none;}
a{
    color:#333;
    text-decoration:none;
    -webkit-tap-highlight-color:rgba(255,0,0,0);
}
caption,th{
    text-align:left;}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal}
abbr,acronym{
    border:0}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{
    clear: both;
}
.clearfix:before,
.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}
#header-nav *,#header-nav *::before,#header-nav *::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header-nav .clearfix{*zoom: 1;}
#header-nav .clearfix:after{content: '';display: block;height: 0;clear: both;}
#header-nav img{
	display: block;
}
#header-nav{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1111111;
	background-color: #fff;
}
.header-nav__title{
	position: relative;
	height: 1.173333rem;
	border-bottom: 1px solid #fff;
}
.header-nav--border,#header-nav{
	border-bottom: 1px solid #e6e6e6;
}
.header-nav__title h1{
	width: 6em;
	margin: auto;
	line-height: 1.16rem;
	font-size: 0.453333rem;
	text-align: center;
	color: #323232;
	font-weight: normal;
	overflow: hidden;
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header-nav__left,.header-nav__right,.header-nav__left a:first-child:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-nav__left{
	left: 0.36rem;
}
.header-nav__right{
	right: 0.333333rem;
}
.header-nav__title a{
	display: inline-block;
}
.header-nav__left img{
	width: 100%;
}
.header-nav__left a:first-child{
	position: relative;
	width: 0.653333rem;
	height: 0.453333rem;
	padding-right: 0.4rem;
	margin-right: 0.36rem;
	background: url(../images/lanmu-back.png) no-repeat;
	background-size: contain;
}
.header-nav__left a:first-child:after{
	content: '';
	right: 0;
	height: 0.56rem;
	width: 0.013333rem;
	background-color: #f2f2f2;
}
.header-nav__left a:nth-child(2){
	width: 0.48rem;
	height: 0.48rem;
	margin-right: 0.426666rem;
	background: url(../images/lanmu-home.png) no-repeat;
	background-size: contain;
}
.header-nav__left a:last-child{
	width: 0.453333rem;
	height: 0.453333rem;
	background: url(../images/lanmu-grabble.png) no-repeat;
	background-size: contain;
}
.header-nav__right a{
	color: #333;
	font-size: 0.32rem;
}
.header-nav__right a:last-child{
	padding-right: 1em;
	margin-left: 0.373333rem;
	background: url(../images/lanmu-bottom.png) no-repeat;
	background-position: center right; 
	background-size: 0.24rem 0.133333rem;
}
.header-nav__right .nav-js--img{
	color: #2dbb55;
	background: url(../images/lanmu-top.png) no-repeat !important;
	background-position: center right !important; 
	background-size: 0.24rem 0.133333rem !important;
}
.header-nav__con{
	display: none;
	position: absolute;
    left: 0px;
    top: 1.17333rem;
    right: 0;
    background-color: #fff;
}
.header-nav__con ul{
	padding: 0.733333rem 0.2rem 0.066667rem;
}
.header-nav__con li{
	float: left;
	width: 20%;
	margin-bottom: 0.533333rem;
}
.header-nav__con li a{
	color: #333;
}
.header-nav__con__img{
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto 0.146666rem;
}
.header-nav__con__img img{width: 100%;height: 100%;}
.header-nav__con__p{
	width: 4em;
	margin: auto;
	text-align: center;
	font-size: 0.32rem;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.nav-shadow{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	z-index: 1111110;
}
.header-nav__filtrate{
	top: 1.173333rem;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 111;
	background: #fff;
	height: 0.893333rem;
	border-bottom: 1px solid #e6e6e6;
}
.header-nav__item{
	position: relative;
	float: left;
	width: 33.33333%;
	line-height: 0.893333rem;
	font-size: 0.373333rem;
	color: #323232;
	text-align: center;
	cursor: pointer;
}
.header-nav__item span{
	display: inline-block;
	max-width: 5em;
	margin-right: 0.08rem;
	line-height: 0.893333rem;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	vertical-align: middle;
}
.header-nav__item .mdd-icon{
	display: inline-block;
	width: 0.186666rem;
	height: 0.106666rem;
	background: url(../images/bottom-lanmu.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.sort-group li.active{
	color: #3daff0;
}
.sort-group li.active .ico{
	display: block;
}
.header-nav__item--active .mdd-icon{
	background: url(../images/top-lanmu.png) no-repeat;
	background-size: contain;
}
/* 弹出层样式补充 */
.filter-page,.sort-page,.dest-page{
	bottom: 0;
}
.dest-group{
	top: 0.8rem;
}
.dest-page,.filter-page{
	top: 2.06666rem;
}
.filter-item{
	bottom: 0;
	top: 0;
}
.sort-group{
	bottom: auto;
	top: 2.06666rem;
	padding: 0.333333rem 0.4rem 0.2rem;
}
.sort-group li .ico,.filter-item .bd li .on,.dest-group .dest-list > li .on{
	left: auto;
	right: 0.5rem;
	background: url(../images/check-on-icon.png) center no-repeat;
	background-size: contain;
	width: 0.293333rem;
	height: 0.24rem;
}
.sort-group li .ico{
	margin-top: -0.18rem;
}
.sort-group li{
	padding: 0;
	color: #333;
	border: none;
}
.sort-group li.active,.header-nav__item--active,.filter-item .bd li.active,.dest-group .dest-list > li.active{
	color: #2dbb55;
}
.sort-group li:nth-child(2) .ico,.sort-group li:nth-child(3) .ico{
	left: 7.5em;
}
.filter-item .hd li.active{
	border-color: #2dbb55;
}
.control-block .confirm-btn{
	margin: 0 0.2667rem;
}
.filter-page__cancel{
	display: block;
    color: #8a8a8a;
    width: 2.32rem;
    height: 1.0667rem;
    line-height: 1.0667rem;
    text-align: center;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.3467rem;
}
.header-nav--border, #header-nav{
	border: none !important;
}
.page-content{
	top: 2.15rem !important;
}